<template>
    <div id="parent">
      <commonHead :child-name="childName" father-name="系统管理"></commonHead>
      <div class="body">
        <role-list style="margin-top: 12px"></role-list>
      </div>
    </div>
</template>

<script>
    import commonHead from "./common/commonHead";
    import query from "./role/query";
    import roleList from "./role/roleList";
    export default {
        props:["childName"],
        name: "RoleManage",
        components: {commonHead,query,roleList}
    }
</script>

<style scoped>
#parent{
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
}
.body{
  background-color: #F0F2F5;
  padding-top: 15px;
  box-sizing: border-box;
}
</style>
